<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page import="java.util.ArrayList" %>
<%@ page import="pojo.Brand" %><%--  在第一行加入【JSP指令：page,include,taglib】 --%>
<%@ page contentType="text/html;charset=utf-8" language="java" %>
<c:set var="ctx" value="${pageContext.request.contextPath}" ></c:set>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>品牌管理页</title>
    <style type="text/css">
        table{
            width: 100%;
            border-collapse: collapse;
        }
        table td{
           border: 1px solid pink;
           text-align: center;
            color: #76afe8;
        }
        table tr{
           
        }
        /*  HTML5已不支持   border="1" cellspacing="0" width="800" */
    </style>
</head>
<body>
<h1 style="color: pink">${LOGIN_USER.username},欢迎您
    <a href="${ctx}/logout" style="text-decoration: none;color: pink " >[注销]</a>
</h1>



<form action="${ctx}/Selectother" method="get" style="color: lightskyblue">
    状态:
        <select name="status" style="background: #76afe8;color: #FFFFFF">
                <option value="">全部状态</option>
                <option value="0">禁用</option>
                <option value="1">启用</option>
        </select>
    品牌名称:
    <input type="text" value="" placeholder="请输入查询关键词"  name="word" style="background: #76afe8;color: black">
    <button type="submit" value="查询"style="background: #76afe8;color: #FFFFFF" >查询</button>
    <button type="reset" value="重置"style="background: #76afe8;color: #FFFFFF" >重置</button>
    <input type="button" value="批量删除" id=""  style="margin-left: 980px;display: inline-block;background: #76afe8;color: #FFFFFF">
    <input type="button" value="新增" id="addBtn" style="background: #76afe8;color: #FFFFFF;float: right" >
</form>

<hr>
<table>
    <tr style="color: pink;font-family:楷体">
        <th>选择</th>
        <th>序号</th>
        <th>品牌名称</th>
        <th>企业名称</th>
        <th>排序</th>
        <th>品牌介绍</th>
        <th>状态</th>
        <th>操作</th>
    </tr>
    <c:forEach items="${pageBeans}" var="brand">
        <tr>
            <td><input type="checkbox"></td>
            <td>${brand.id}</td>
            <td>${brand.brandName}</td>
            <td>${brand.companyName}</td>
            <td>${brand.ordered}</td>
            <td>${brand.description}</td>
            <td>
                <c:if test="${brand.status == 1}">
                    启用
                </c:if>
                <c:if test="${brand.status == 0}">
                    禁用
                </c:if>
            </td>
            <td>
                <a href="${ctx}/toUpdate?id=${brand.id}">修改</a>
                <a href="/brand-demo/deleteBrand?id=${brand.id}" onclick="if(confirm('确定删除?')==false)return false;">删除</a>

            </td>
        </tr>
    </c:forEach>
    <c:forEach items="${pageBean.data}" var="brand">
        <tr>
            <td><input type="checkbox"></td>
            <td>${brand.id}</td>
            <td>${brand.brandName}</td>
            <td>${brand.companyName}</td>
            <td>${brand.ordered}</td>
            <td>${brand.description}</td>
            <td>
                <c:if test="${brand.status == 1}">
                    启用
                </c:if>
                <c:if test="${brand.status == 0}">
                    禁用
                </c:if>
            </td>
            <td>
                <a href="${ctx}/toUpdate?id=${brand.id}">修改</a>
                <a href="/brand-demo/deleteBrand?id=${brand.id}" onclick="if(confirm('确定删除?')==false)return false;">删除</a>

            </td>
        </tr>
    </c:forEach>

</table>
<div>
    <jsp:include page="common/pageBar.jsp">
        <jsp:param name="url" value="/selectAll"/>
    </jsp:include>
</div>
<div>
    <span style="color: pink;font-family:华文行楷">当前在线人数是：${applicationScope.OnlineCount}</span>
</div>

</body>
<script>
    function getContextPath() {
        var pathName = document.location.pathname;
        var index = pathName.substr(1).indexOf("/");
        var result = pathName.substr(0,index+1);
        return result;
    }

    let addBtn = document.querySelector("#addBtn");
    addBtn.addEventListener('click',function (){
        window.location.href=getContextPath()+"/addBrand.jsp"
    })
</script>
</html>